<template>
  <div class="container">
    <h3>About插槽新指令:v-slot的使用</h3>
    <demo>
      <template v-slot:header>
        <h1>Here might be a page title</h1>
      </template>

      <p>A paragraph for the main content.</p>
      <p>And another one.</p>

      <template v-slot:footer>
        <p>Here's some contact info</p>
      </template>
    </demo>
  </div>
</template>

<script>
import demo from "./demo"

export default {
 components: {
    demo
  },
  data () {
    return {
    }
  },

  methods: {},

  created () {
  }
}
</script>

<style lang='less' scoped>

</style>
